<!DOCTYPE html>
<html>
<head>
<title>Biotoscana - 2013</title>

<meta name="viewport" content="width=device-width"/>
<meta name="description" content="The biotoscana Project."/>
<meta charset="UTF-8"> 
<link type="text/css" rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/lightbox.css">
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lora:400,700|Oswald|Open+Sans:400,700">
<!--<link href='http://fonts.googleapis.com/css?family=Rokkitt:400,700|Lato:400,300' rel='stylesheet' type='text/css'>-->

<!--Arreglar el problema con la version jquery 1.9-->
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="js/lightbox.js"></script>
</head>
<body >

	<header>
		<div>
			<a HREF="#">
				<h1><img src="images/logo.png" class="logo"></h1>
			</a>
		</div>
	</header>
	<nav class="nav">			
		<div class="box">
			<ul class="mainmenu">
				<li><a href="index.html">INICIO</a></li>
				<li><a href="quienes.html">QUIENES SOMOS</a></li>
				<li><a href="galeria.html">GALERIA</a></li>
				<li><a href="informacion.html">INFORMACIÓN</a></li>
				<li><a href="contacto.html">CONTACTO</a></li>
			</ul>	
			<!--	MENU REDES SOCIALES	-->
			<ul class="socialmenu">
				<li ><a href="#">
					<img src="images/social/Facebook.png"></a></li>
				<li ><a href="#">
					<img src="images/social/twitter.png"></a></li>
			</ul>
		</div>
	</nav>

	<div class="clear"></div>
	<div id="content">
		<div id="main">
			<h2>galeria</h2>

			<!--<article>-->
				<p>
					Pellentesque viverra tristique lorem vel euismod. Aliquam non diam nunc. Morbi sed nulla eu nulla elementum semper et sed purus. 
					Proin fermentum dictum quam, id cursus purus faucibus eget. 
				</p>
				<p>
				<div class="imageRow">
				  	<div class="set">
						<div class="single first">
						  	<a href="images/foto/galeria/foto1.jpg" rel="lightbox[fotos]" title="Proin fermentum dictum quam, id cursus purus faucibus eget">
						  	  	<img src="images/foto/galeria/t-foto1.jpg" alt="Foto: image 1 0f 8 thumb" /></a>
						</div>
						<div class="single">
							<a href="images/foto/galeria/foto2.jpg" rel="lightbox[fotos]" title="Proin fermentum dictum quam, id cursus purus faucibus eget">
						  	 	<img src="images/foto/galeria/t-foto2.jpg" alt="Foto: image 2 0f 8 thumb" /></a>
						</div>
					    <div class="single">
				  			<a href="images/foto/galeria/foto3.jpg" rel="lightbox[fotos]" title="Proin fermentum dictum quam, id cursus purus faucibus eget">
						  	 	<img src="images/foto/galeria/t-foto3.jpg" alt="Foto: image 3 0f 8 thumb" /></a>
						</div>
					    <div class="single">
					  		<a href="images/foto/galeria/foto4.jpg" rel="lightbox[fotos]" title="Proin fermentum dictum quam, id cursus purus faucibus eget">
						  	  	<img src="images/foto/galeria/t-foto4.jpg" alt="Foto: image 4 0f 8 thumb" /></a>
						</div>
						<div class="single">
							<a href="images/foto/galeria/foto5.jpg" rel="lightbox[fotos]" title="Proin fermentum dictum quam, id cursus purus faucibus eget">
						  	  	<img src="images/foto/galeria/t-foto5.jpg" alt="Foto: image 5 0f 8 thumb" /></a>
						</div>
						<div class="single">
							<a href="images/foto/galeria/foto6.jpg" rel="lightbox[fotos]" title="Proin fermentum dictum quam, id cursus purus faucibus eget">
						  		<img src="images/foto/galeria/t-foto6.jpg" alt="Foto: image 6 0f 8 thumb" /></a>
						</div>
						<div class="single">
							<a href="images/foto/galeria/foto7.jpg" rel="lightbox[fotos]" title="Proin fermentum dictum quam, id cursus purus faucibus eget">
						  		<img src="images/foto/galeria/t-foto7.jpg" alt="Foto: image 7 0f 8 thumb" /></a>
						</div>				      				      				      				      
						<div class="single last">
							<a href="images/foto/galeria/foto8.jpg" rel="lightbox[fotos]" title="Proin fermentum dictum quam, id cursus purus faucibus eget">
						  		<img src="images/foto/galeria/t-foto8.jpg" alt="Foto: image 8 0f 8 thumb" /></a>
						</div>
					</div>
				</div></p>
			<!--</article>		-->		
		</div>


		<div id="slider">
			<img src="images/slider/crop.jpg"><br><br>			
			<img src="images/slider/jop.jpg">
		</div>	

	</div>
	<div class="clear"></div>
	<footer>
		<div id="footercontent">
			<div class="footInformation">
				<div id="mediasocial">
					<p>
					Presidente - Migdalia Denis<br>
					migdalia.denis@sociedadlatinahp.org</p>
				</div>
				<div id="mediainfo">
					<h3>
                        Mayor información:
                    </h3>
                    <p>
                    	<a href="mailto:foco@la.com">info@sociedadlatinahp.org</a>
                	</p>
                    <p>Teléfono: (954) 594-0674<br>
						Fax: (954) 337-0269</p>
				</div>
			</div>
			<div class="clear"></div>
			<div class="foot">
				Copyright © 2013. All rights reserved
			</div>
		</div>
	</footer>
</body>
</html>